iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 27
1
自我挑戰組

軟體開發商新手 PM 30 個第一次系列 第 27

【第 27 個第一次】 抓住每個企業識別展示的機會 ! 快速導覽網站瀏覽時視覺上需要準備的基本資訊

  • 分享至 

  • xImage
  •  

Day 27 - 這是一個三方合作的溫馨(瘟腥)故事

設計師 : 架站的資料記得拿 Favicon, OGI, Logo

工程師 : 還要拿網站網址, 網站敘述, 客服信箱, 有會員機制的記得拿隱私權聲明

沒錯,這邊是想要跟大家分享從網站搜尋看到的敘述、在 FB 分享網站的時候會出現的預覽圖以及瀏覽器分頁上的小圖示,他們都是有名字跟規格的 !! 如果未來希望使用者在網站上每個動作有機會看到您的組織 Logo 或是資訊,歡迎參考這篇文章,會說明使用者在甚麼舉動下,會看到您的企業識別,別忘記請您的廠商協助設定唷 !

大家好,我是 Jade Chang
先前任職於科技外商,主要負責對於 Developers 的開發經驗體驗,過去 5-6 年出沒於技術社群以及大專院校。嘗試過直播節目、技術黑客松、帶狀節目系列以及線上短期活動等行銷策略,半年前轉職到台灣在地的軟體開發商,從事行銷與專案經理,也合夥新創了一間數位公司,超展開職涯要開始囉!!!

總共會要甚麼東西?

千萬不要覺得很多項目,整理資料總是比較瑣碎,但是讀完此篇文章就會知道這些素材出現在很多地方的! 會依照下圖拆成情境來說明 :
https://ithelp.ithome.com.tw/upload/images/20201013/200945705t95mLUzSI.png

  • 企業識別 Logo : 建議提供 ai, svg 方便調整尺寸
  • 網站網址 : 網站的 URL
  • Favicon 網站小圖示 : 建議提供 ai, svg 方便調整尺寸
  • 網站名稱 : 網站的名字
  • 網站敘述 : 100 - 150 字, 由於 Google 搜尋引擎規範不提供斷行,建議善用標點符號。
  • OGI 圖片 : 1200 * 630,FB/LINE 分享網站時使用。
  • 組織/公司名稱 : 網站組織名稱
  • 客服信箱 : 客服所使用的信箱
  • 隱私權聲明 : 個資法規定,如有會員功能就需提供。

請繼續往下看這些東西會出現在哪邊唷!

一個網站會需要的基本資訊

在第十三天有發一篇關於網站的基礎設施,這篇多說的是視覺比較看不到的資訊設定 【第 13 個第一次】網址、網域、DNS 指向,架設網站的基礎設施,現在要說明的是使用者會看到的基本資訊,基本上會是以下畫面

https://ithelp.ithome.com.tw/upload/images/20201011/20094570YD3C3uXgpE.png

  1. 企業識別 Logo : 目前多半新型網站企業識別 Logo 都會建置在網站左上角,有兩個作用
    • 多個使用者經驗指出,人的閱讀習慣會從左上開始往右閱讀,將企業識別放置於此有助於加強品牌露出。
    • 多半使用者習慣會靠左上的 Logo 回到網頁的第一層。
  2. 網站網址 : 這個網站所使用的 URL,看組織是要從既有網域分出一個網址或是重新購買,可以請架設網站的協助設定或是代操,建議網址與公司名稱接近以達到使用者記憶不論哪個網址都是同一間公司的為主。
  3. Favicon 網站小圖示 : 會位於瀏覽器新分頁的左手邊,建議與企業識別相同 Logo。
  4. 網站名稱 : 簡單說就是網站的名子,會出現在瀏覽器分頁上以及搜尋引擎上。
  5. 組織/公司名稱 : 會出現在網站最下方 Footer 中,為了加強使用者知道此網站是由哪個組織提供。
  6. 客服信箱 : 客服當道時代,提供使用者如果對於網站資訊有回饋可連絡的信箱。

使用者如果這樣做..我們也要準備好!

使用者使用的裝置與習慣太多不同的交錯變化,為了因應所有可能的情境,製作網站的朋友一定要準備好時時有機會露出的機會,以下三大點是絕大多數使用者會對於網站做的行為,這些地方上的露出把握好也會增進 SEO 的排名唷!

在社群平台分享網站連結時 : 會顯示哪些內容以及如何顯示呢?

https://ithelp.ithome.com.tw/upload/images/20201012/20094570HSqXNW7m8z.png

  1. 網站網址 : 使用者會在社群平台分享網站連結。
  2. Open Graph Image : 尺寸建議 1200 * 630, 以 FB+Line 為舉例,Open Graph Image 的意思就是在不同平台分享時所要顯示的主要圖片,通常提供一張設定好就會在不同平台有不同尺寸的露出。
  3. 網站名稱 : 上一段落提到的網站名稱也會在分享時出現。

有會員功能的網站要做 fb/google 登入時

  1. 有會員功能的網站目前為了加速使用者的註冊時間,都會提供至少三種方式讓大家快速登入
    • FB 快速登入 : 使用此方式登入會先跳到 FB 確認帳號授權此網站,就也會有企業識別 Logo 露出唷。
    • Google 帳號快速登入
    • 一般 Email + 密碼設定

https://ithelp.ithome.com.tw/upload/images/20201012/20094570G3UQ2J9efL.png
2. 隱私權聲明 : 有會員就需要隱私權聲明,告訴使用者加入後會有哪些權益。

直接在搜尋引擎搜尋網頁

  1. 網站網址 社群平台分享+網頁搜尋列表名稱呈現。
  2. 網站名稱 同瀏覽器分頁上+社群平台分享+網頁搜尋列表名稱呈現。
  3. 網站敘述 建議 100 - 150 個字,由圖可知到 Google 搜尋引擎是沒有斷行的,盡量用標點符號做斷句。
    https://ithelp.ithome.com.tw/upload/images/20201012/200945708Va8h0Zdgr.png

One more thing!

歡迎訂閱我 Medium 或是透過 Facebook 一起來交流<3

https://ithelp.ithome.com.tw/upload/images/20200915/20094570oG1ujl6HbX.png


上一篇
【第 26 個第一次】 網頁顏色 - 16 進位色碼標示法
下一篇
【第 28 個第一次】 Prototype 好重要,Marvelapp 讓點子瞬間視覺飛起來 !
系列文
軟體開發商新手 PM 30 個第一次30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言